<!---- 模板 on 2017/3/30 -->
<script ng-init="initCss('setting-page/css/setting.css')"></script>
<div class="page">
    <header class="bar bar-nav">
        <a class="icon icon-left pull-left" href="javascript:history.back(-1);"></a>
        <h1 class="title">设置</h1>
    </header>
    <div class="content" ng-init="">
        <div class="list-block">
            <ul>
                <li>
                    <a class="item-content item-link open-popup" ng-click="initAll()" href="javascript:;"
                       data-popup=".popup-color">
                        <div class="item-media"><i class="icon icon-f7"></i></div>
                        <div class="item-inner">
                            <div class="item-title">颜色设置</div>
                        </div>
                    </a>
                </li>
            </ul>
        </div>
        <!--内容区-->
    </div>
</div>
<div class="popup popup-color">
    <div class="content-block">
        <a class="icon icon-left pull-left close-popup" href="javascript:;"></a>
        <h3>颜色设置</h3>
    </div>
    <div class="list-block">
        <ul>
            <li ng-repeat="color in thisColorSetting">
                <div class="item-content">
                    <div class="item-media"></div>
                    <div class="item-inner">
                        <div class="item-title label">[{{color.baseLine|percentage}}]：</div>
                        <div class="item-input">
                            <input type="text" class="color" readonly ng-value="color.colorCode"
                                   ng-model="color.colorCode"
                                   placeholder="颜色">
                        </div>
                        <div class="item-after">
                            <a class="fa-icon fa fa-remove red" href="javascript:;"
                               ng-click="deleteNode($index)"></a>
                        </div>
                    </div>
                </div>
            </li>
        </ul>
    </div>
    <div class="content-block">
        <div class="row">
            <div class="col-33">
                <p><a href="javascript:;" ng-click="addColorNode()"
                      class="button button-fill button-warning button-big">添加节点</a></p>
            </div>
            <div class="col-33">
                <p><a href="javascript:;"
                      class="button close-popup button-fill button-danger button-big">取消</a></p>
            </div>
            <div class="col-33">
                <p><a href="javascript:;" ng-click="saveColorEdit('颜色修改保存成功')"
                      class="button button-fill button-success button-big">保存</a></p>
            </div>
        </div>

    </div>
</div>
<div ng-init="suiMobileInit()"></div>